pool page.tsx

75% Statements 9/12

50% Branches 3/6

33.33% Functions 1/3

81.81% Lines 9/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69

3x 3x 3x 3x 3x 2x 2x 2x 2x

import { getSession } from "@/lib/auth";
import { redirect } from "next/navigation";
import { getDb } from "@/lib/db";
import { requireCollectionAccess } from "@/lib/collection-access";
import { PhotoController } from "@/server/api/photos";
import { ItemController } from "@/server/api/items";
import { AppLayout } from "@/components/layout";
import { trail } from "@/components/layout/breadcrumb-trails";
import { EmptyState } from "@/components/ui";
import { PoolUpload } from "@/features/pool/PoolUpload";
import { PoolPhotoGrid } from "@/features/pool/PoolPhotoGrid";
import { WorkspaceModeChips } from "@/features/collections/WorkspaceModeChips";
 
interface PoolPageProps {
  params: Promise<{ id: string }>;
}
 
export default async function PoolPage({ params }: PoolPageProps) {
  const { id } = await params;
  const session = await getSession();
  Iif (!session?.user) {
    redirect("/login");
  }
 
  const db = getDb();
  const collection = await requireCollectionAccess(db, id, session.user.id);
  const pool = await PhotoController.fromDb(db).findPoolByCollection(collection.id);
 
  // Existing items feed the pool's "Move to…" chooser destination list.
  const items = await ItemController.fromDb(db).listItems(collection.id);
  const targets = items.map((i) => ({ id: i.id, number: i.number, name: i.name }));
 
  return (
    <AppLayout breadcrumbs={trail.pool(collection)}>
      <div className="space-y-8">
        <div className="max-w-3xl">
          <h1 className="text-2xl text-ink sm:text-3xl">Photos</h1>
          <p className="mt-2 text-ink-soft">
            Drop them in now — name and group them whenever, or never. There&rsquo;s no rush.
          </p>
        </div>
 
        {/* Section index page: the active Build chip links to the workspace root,
            not this page, so aria-current is "true" (section), not "page". */}
        <WorkspaceModeChips
          base={`/collections/${collection.slug ?? collection.id}`}
          activeMode="build"
          activeExact={false}
        />
 
        <PoolUpload collectionId={collection.id} />
 
        {pool.length === 0 ? (
          <EmptyState
            heading="No loose photos yet"
            message="Photos you add here wait for you until you're ready to group them."
          />
        ) : (
          <PoolPhotoGrid
            collectionId={collection.id}
            photos={pool.map((p) => ({ id: p.id, filename: p.filename }))}
            targets={targets}
          />
        )}
      </div>
    </AppLayout>
  );
}